<!DOCTYPE html>
<html>
<style>
  body { overflow: hidden; margin: 0px }
</style>

<!-- The blue sector of the image <pattern> should be at the 12 o'clock. -->
<body>
 <svg width="800px" height="400px">
   <pattern id="pattern" patternUnits="userSpaceOnUse" width="400" height="400">
     <image xlink:href="resources/red-at-12-oclock-with-color-profile.jpg" width="400" height="400"/>
   </pattern>
   <rect width="800" height="400" style="fill: url(#pattern)"/>
 </svg>
</body>
</html>
